@import "../../assets/style/base";
@import "../../assets/style/flex";

page{
  width: 100%;
  height: 100%;
  background-color: #222329;
}

//::-webkit-scrollbar{
//  width: 0;
//  height: 0;
//  color: transparent;
//}

.main_load {
  overflow: scroll;
  width: 100%;
  height: 100%;
  background-color: #222329;
  margin: 0;
  .flexV();
  .flex-zCenter();
  .flex-cCenter();

  .load_title{
    color: #FBFBFF;
    font-size: 30px;
  }
}

.main{
  overflow: scroll;
  width: 100%;
  height: 100%;
  background-color: #222329;
  margin: 0;

  .device_test{
    margin-left: 45px;
    font-size: 40px;
    margin-top: 20px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #FFFEFE;
  }

  .main_head{
    .flexH();
    .flex-zBetween();
    .flex-cCenter();
    //background-color: #03a9f0;
    //margin-top: 50px;

    .main_controll{
      .flexV();
      .light{
        margin-left: 45px;
        font-size: 36px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        color: #FFFEFE;
      }
      .main_oc{
        .flexH();
        .flex-cCenter();
        margin-top: 35px;
        .oc{
          margin-left: 45px;
          font-size: 32px;
          font-family: Alibaba PuHuiTi;
          font-weight: 400;
          color: #999999;
          margin-right: 17px;
        }
        .switch{
          //.bg('../../assets/imgs/switch_o.png');
          margin-left: 17px;
        }
      }
    }

    .main_img{
      width: 294px;
      height: 250px;
      margin-right: 27px;
      -webkit-filter: grayscale(100%);
    }
  }

  .progress_title{
    margin-left: 44px;
    font-size: 30px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #999999;
  }

  .progress_view{
    margin-left: 51px;
    margin-right: 51px;
    margin-top: 21px;
    margin-bottom: 29px;
  }

  .main_set_view{
    .flexH();
    .flex-zBetween();
    margin-top: 38px;

    .main_set_item1{
      .flex-1();
      margin-left: 45px;
      margin-right: 20px;
    }

    .main_set_item2{
      .flex-1();
      margin-right: 45px;
      margin-left: 20px;
    }
  }

  .main_light_title{
    font-size: 30px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #999999;
    margin-top: 57px;
    margin-left: 56px;
  }

  .main_light_swiper{
    height: 350px;
    //margin-left: 44px;
    //margin-right: 44px;
    margin-top: 50px;

    &.dj{
      height: 650px;
    }
  }

  .see_more_view{
    position: fixed ;
    top: 200px;
    right: 0px;
    width: 50px;
    height: 130px;
    background-color: #6F6F6F;
    border-radius: 10px;
    .flexV();
    .flex-cCenter();
    .flex-zCenter();
    .more_img{
      .bg('../../assets/imgs/ic_set.png');
      width: 40px;
      height: 40px;
    }
    .more_text{
      margin-top: 10px;
      font-size: 24px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      color: #CCCCCC;
    }
  }
}
